/** 全局的；无关主题 */
:root {
  font-size: 16px;
  /* 无关主题，通用样式========================= */
  /* 各个模块间的间距 */
  --gap: 20px;
  /* 默认圆角 */
  --border-radius: 12px;
  /* 默认padding */
  --padding: 10px;

  /* 默认模糊半径 */
  --backdrop-filter-blur: 16px;

  /* 明暗主题通用element样式 */
  .el-link {
    --el-font-size-base: unset;
  }

  --el-text-color-regular: var(--color-2); // 主要文字颜色
}

/* 中间模块通用 */
._m {
  position: relative;
  transition: box-shadow 0.2s linear, width 0.2s linear;
  background-color: var(--m-background-color);

  border: var(--m-border);

  box-shadow: var(--m-shadow);
  backdrop-filter: blur(var(--backdrop-filter-blur));

  &:hover {
    box-shadow: var(--m-hover-shadow);
  }
}

*,
*::before,
*::after {
  margin: 0;
  box-sizing: border-box;
  font-weight: normal;
}

// 整个滚动条。
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
// 滚动条上的滚动滑块。
*::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 99px;
}

body {
  min-height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

  transition: color 0.3s, background-color 0.3s, background-image 0.3s;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}

/** 功能性原子类 */
// 超出单行省略号
.-overflow-ellipsis-s {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 超出多行省略号， 默认3行，但是会被指令调用时要被覆盖
.-overflow-ellipsis-m {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

/** 业务相关 */

// 去除百度地图坐下角的信息
.amap-container {
  a.amap-logo,
  div.amap-copyright {
    display: none !important;
  }
}
